<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>运营后台</title>
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
	<link rel="stylesheet" type="text/css" href="../hui/static/h-ui/css/H-ui.min.css" />
	<link rel="stylesheet" type="text/css" href="../hui/static/h-ui.admin/css/H-ui.admin.css" />
	<link rel="stylesheet" type="text/css" href="../hui/lib/Hui-iconfont/1.0.8/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="../hui/static/h-ui.admin/skin/default/skin.css" id="skin" />
	<link rel="stylesheet" type="text/css" href="../hui/static/h-ui.admin/css/style.css" />
	<link rel="stylesheet" href="../style/css/h-ui.admin/css/h-ui.admin.css">
	<link rel="stylesheet" href="../style/css/h-ui/css/H-ui.min.css">
	<link rel="stylesheet" href="../style/css/page.css">
	<link rel="stylesheet" href="style/css/public.css">
	<link rel="stylesheet" href="style/css/style.css">
	<style>
		a {
			color: #000;
		}
		a:hover{
			color: #000;
		}
		.dropDown {
			margin: 18px 31px 0 0;
		}
		.margin {
			margin-left: 50px;
		}
	</style>
</head> 
<body>
<div class="kong">
	<div style="width: 100%;background: #fff;border-bottom: 1px solid #e8e8e8;">
		<div id="header" class="margin" style="width: 1000px;height: 80px;padding-top: 10px;box-sizing: border-box;">
			<div class="logo"><img src="../style/img/official_logo.png" alt=""></div>
			<div  id="Hui-userbar" class="nickname nav navbar-nav navbar-userbar hidden-xs">
				<ul class="cl">
					<li class="dropDown dropDown_hover"> <a href="" class="dropDown_A" style="color: #000;">账号名称<i class="Hui-iconfont">&#xe6d5;</i></a>
					</li>
				</ul>	
			</div>
		</div>
	</div>
</div>
<div class="Hui-aside" style="margin-top: 37px;">
	<div class="menu_dropdown bk_2">
		<dl id="menu-article">
			<dt><i class="Hui-iconfont">&#xe67f;</i><a href="index.html" title="首页">首页</a></dt>
		</dl>
		<dl id="menu-article">
			<dt><i class="Hui-iconfont">&#xe620;</i><a href="register-data.html" title="注册资料">注册资料</a></dt>
		</dl>
		<dl id="menu-picture">
			<dt><i class="Hui-iconfont">&#xe680;</i><a href="company-info.html" title="企业信息管理">企业信息管理</a><i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
			<dd>
				<ul>
					<li><a href="company-look.html" title="查看">查看</a></li>
					<li><a href="company-check.html" title="审核">审核</a></li>
			</dd>
		</dl>
		<dl id="menu-picture">
			<dt><i class="Hui-iconfont">&#xe679;</i><a href="shop-info.html" title="店铺信息管理">店铺信息管理</a><i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
			<dd>
				<ul>
					<li><a href="shop-look.html" title="查看">查看</a></li>
					<li><a href="shop-check.html" title="审核">审核</a></li>
			</dd>
		</dl>
		<dl id="menu-picture">
			<dt><i class="Hui-iconfont">&#xe678;</i><a href="goods-info.html" title="商品信息管理">商品信息管理</a><i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
			<dd>
				<ul>
					<li><a href="goods-look.html" title="查看">查看</a></li>
			</dd>
		</dl>
		<dl id="menu-picture">
			<dt><i class="Hui-iconfont">&#xe669;</i><a href="details-template.html" title="商品详情模板">商品详情模板</a> <i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
			<dd>
				<ul>
					<li><a href="details-look.html" title="查看">查看</a></li>
			</dd>
		</dl>
		<dl id="menu-picture">
			<dt><i class="Hui-iconfont">&#xe671;</i><a href="rent-template.html" title="租赁合约模板">租赁合约模板</a><i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
			<dd>
				<ul>
					<li><a href="rent-look.html" title="查看">查看</a></li>
			</dd>
		</dl>
		<dl id="menu-picture">
			<dt><i class="Hui-iconfont">&#xe670;</i> <a href="express.html" title="快递模板">快递模板</a><i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
			<dd>
				<ul>
					<li><a href="express-area.html" title="查看">查看</a></li>
			</dd>
		</dl>
		<dl id="menu-picture">
			<dt><i class="Hui-iconfont">&#xe699;</i><a href="door.html" title="上门模板">上门模板</a><i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
			<dd>
				<ul>
					<li><a href="door-area.html" title="查看">查看</a></li>
			</dd>
		</dl>
		<dl id="menu-picture">
			<dt><i class="Hui-iconfont">&#xe688;</i><a href="ziti-info.html" title="自提点">自提点</a><i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
			<dd>
				<ul>
					<li><a href="ziti-look.html" title="查看">查看</a></li>
			</dd>
		</dl>
		<dl id="menu-picture">
			<dt><i class="Hui-iconfont">&#xe677;</i> <a href="return-info.html" title="归还地址">归还地址</a><i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
		</dl>
		<dl id="menu-comments">
			<dt><i class="Hui-iconfont">&#xe60c;</i> <a href="class-manage.html" title="规则中心分类管理">规则中心分类管理</a></dt>
		</dl>
		<dl id="menu-comments">
			<dt><i class="Hui-iconfont">&#xe660c;</i> <a href="article-manage.html" title="规则中心文章管理">规则中心文章管理</a><i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
			<dd>
				<ul>
					<li><a href="article-send.html" title="发布文章">发布文章</a></li>
					<li><a href="article-check.html" title="修改文章">修改文章</a></li>
					<li><a href="article-look.html" title="查看文章">查看文章</a></li>
				</ul>
			</dd>
		</dl>
		<dl id="menu-comments">
			<dt><i class="Hui-iconfont">&#xe63c;</i> <a href="news-center.html" title="消息">消息</a><i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
			<dd>
				<ul>
					<li><a href="news-send.html" title="发送消息">发送消息</a></li>
				</ul>
			</dd>
		</dl>
		<dl id="menu-product">
			<dt><i class="Hui-iconfont">&#xe636;</i> <a href="add-class.html" title="添加分类">添加分类</a><i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
			<dd>
				<ul>
					<li><a href="class-list.html" title="分类列表">分类列表</a></li>
				</ul>
			</dd>
		</dl>
		<dl id="menu-product">
			<dt><i class="Hui-iconfont">&#xe796;</i> <a href="userdata.html" title="用户资料">用户资料</a><i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
			<dd>
				<ul>
					<li><a href="userdata-look.html" title="查看用户资料">查看用户资料</a></li>
				</ul>
			</dd>
		</dl>
		<dl id="menu-product">
			<dt><i class="Hui-iconfont">&#xe618;</i> <a href="usercollect.html" title="用户收藏">用户收藏</a></dt>
		</dl>
		<dl id="menu-product">
			<dt><i class="Hui-iconfont">&#xe616;</i> <a href="usercomment.html" title="用户评价">用户评价</a><i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
			<dd>
				<ul>
					<li><a href="usercomment-look.html" title="查看用户评价">查看用户评价</a></li>
				</ul>
			</dd>
		</dl>
		<dl id="menu-product">
			<dt><i class="Hui-iconfont">&#xe706;</i> <a href="success-record.html" title="交易成功记录">交易成功记录</a><i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
			<dd>
				<ul>
					<li><a href="success-record-look.html" title="查看交易成功记录">查看交易成功记录</a></li>
				</ul>
			</dd>
		</dl>
		<dl id="menu-product">
			<dt><i class="Hui-iconfont">&#xe706;</i> <a href="return-money.html" title="退款成功记录">退款成功记录</a><i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
			<dd>
				<ul>
					<li><a href="return-money-look.html" title="查看退款成功记录">查看退款成功记录</a></li>
				</ul>
			</dd>
		</dl>
		<dl id="menu-product">
			<dt><i class="Hui-iconfont">&#xe706;</i> <a href="return-goods.html" title="退款退货成功记录">退款退货成功记录</a><i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i></dt>
			<dd>
				<ul>
					<li><a href="return-goods-look.html" title="查看退款退货成功记录">查看退款退货成功记录</a></li>
				</ul>
			</dd>
		</dl>
		<dl id="menu-product">
			<dt><i class="Hui-iconfont">&#xe716;</i> <a href="usercart.html" title="用户购物车信息">用户购物车信息</a></dt>
		</dl>
		<dl id="menu-product">
			<dt><i class="Hui-iconfont">&#xe646;</i><a href="startimg.html" title="资源位-启动页设置">资源位-启动页设置</a></dt>
		</dl>
		<dl id="menu-product">
			<dt><i class="Hui-iconfont">&#xe641;</i><a href="banner.html" title="资源位-banner图设置">资源位-banner图设置</a></dt>
			<dd>
				<ul>
					<li><a href="banner-check.html" title="修改">修改</a></li>
				</ul>
			</dd>
		</dl>
		<dl id="menu-product">
			<dt><i class="Hui-iconfont">&#xe641;</i><a href="hot-list.html" title="推荐位">推荐位</a></dt>
		</dl>
		<dl id="menu-product">
			<dt><i class="Hui-iconfont">&#xe641;</i><a href="hot.html" title="热门位">热门位</a></dt>
			<dd>
				<ul>
					<li><a href="hot-list.html" title="商品列表">商品列表</a></li>
				</ul>
			</dd>
		</dl>
		<dl id="menu-product">
			<dt><i class="Hui-iconfont">&#xe726;</i><a href="suggest.html" title="用户意见反馈">用户意见反馈</a></dt>
		</dl>
	</div>
</div>
<div class="dislpayArrow hidden-xs"><a class="pngfix" href="javascript:void(0);" onClick="displaynavbar(this)"></a></div>

<div class="Hui-article-box" style="margin-top: 37px;">
	<div class="breadcrumb"><i class="Hui-iconfont"></i> <a href="index.html" class="maincolor">商品管理</a> 
		<span class="c-999 en">&gt;</span>
	</div>
	<div class="Hui-article">
		<div class="mac">
			<div style="float: left;margin-left: 30px;">
				<h3>商品信息管理</h3>
			</div>
		</div>
		<form action="">
		 	
			<div class="div-box">
				<span class="span1">商品名称</span>
				<input type="text" class="input-text radius size-M  editer" disabled="true" >
			</div>
			<div class="div-box">
				<span class="span1">商品分类</span>
				<input type="text" class="input-text radius size-M  editer" disabled="true"  value="">
			</div>
			<div class="div-box">
				<span class="span1">商品支持</span>
				<input type="text" class="input-text radius size-M  editer" disabled="true"  value="">
			</div>
			<div class="div-box">
				<span class="span1">所属店铺</span>
				<input type="text" class="input-text radius size-M  editer" disabled="true"  value="">
			</div>
			<div class="div-box">
				<span class="span1">租用周期</span>
				<input type="text" class="input-text radius size-M  editer" disabled="true"  value="">
			</div>
			<div class="div-box cl">
				<div style="float: left;"><span class="span1">商品定价</span></div>
				<div class="f-l" style="margin-left: 127px;">
					<div class="te1">
						<div class="tabl">
							<table class="table table-border table-bg  table-bordered">
								<tr class="text-c text-cs">
									<td width="240px;">颜色</td>
									<td width="240px;">规格</td>
									<td>市场价</td>
									<td>押金</td>
								</tr>
								<tr class="text-c">
									<td width="240px;"></td>
									<td width="240px;"></td>
									<td><input type="text" class="input-text radius size-M" style="width: 80px;" disabled="true" ></td>
									<td><input type="text" class="input-text radius size-M" style="width: 80px;" disabled="true" ></td>
								</tr>
							</table>
						</div>
						<div class="tabl">
							<table class="table table-border table-bg  table-bordered">
								<tr class="text-c text-cs">
									<td>最小租用周期</td>
									<td>最大租用周期</td>
									<td>原租价</td>
									<td>现租价</td>
									<td>最少提前</td>
									<td>最多提前</td>
								</tr>
								<tr class="text-c" style="font-size: 14px;height: 60px;">
									<td><input type="text" class="input-text radius size-M" style="width: 60px;height: 24px;" disabled="true" >/日
									</td>
									<td style="position: relative;">
										<div class="td-hide" style="display: none;"> 
										<input type="text" class="input-text radius size-M" style="width: 60px;height: 24px;" disabled="true" >/日
										<p class="td-p" style="border:1px solid #ccc;width: 60px;margin:5px 0 0 10px;cursor: pointer;">无限期</p>
										</div>
										<div class="td-show" style="position: absolute;top:10px;left: 30px;">
										<p style="color: #333;font-size: 13px;">无限期</p>
										<span class="td-click" style="font-size: 13px;cursor: pointer;color: #00f;">点击取消</span>
										</div>
									</td>
									<td><input type="text" class="input-text radius size-M" style="width: 60px;height: 24px;" disabled="true" >/日</td>
									<td><input type="text" class="input-text radius size-M" style="width: 60px;height: 24px;" disabled="true" >/日</td>
									<td><input type="text" class="input-text radius size-M" style="width: 60px;height: 24px;" disabled="true" >/日</td>
									<td>
										<input type="text" class="input-text radius size-M" style="width: 60px;height: 24px;" disabled="true" >
									</td>
								</tr>
							</table>
						</div>
					</div>
				</div>
			</div>
			<div class="cl" style="margin-top: 20px;">
				<div class="form-text">SKU图片</div>
				<div id="addCommodityIndex" style="height: 100px;margin-left: 70px;">
				    <img src="../style/img/dian.jpg" alt="" style="width: 80px;">
				</div>
			</div>
			<div class="cl">
				<div class="form-text">租赁清单</div>
				<div id="addCommodityIndex" style="height: 100px;margin-left: 70px;">
				    <img src="../style/img/dian.jpg" alt="" style="width: 80px;">
				</div>
			</div>
			<div class="cl">
				<div class="form-text">商品主图</div>
				<div id="addCommodityIndex" style="height: 100px;margin-left: 70px;">
				    <img src="../style/img/dian.jpg" alt="" style="width: 80px;">
				</div>
			</div>
			<div class="div-box cl">
				<div class="form-text" style="margin-top: 14px;">商品详情</div>
				<div id="addCommodityIndex" style="margin:20px 0 0 68px;">
				   <textarea name="" id="" cols="50" rows="10">
				   	
				   </textarea>
				</div>
			</div>
			<div class="div-box cl">
				<div style="float: left;"><span class="span1">实名认证</span></div>
				<div class="mt-20 skin-minimal" style="float: left;margin-left: 72px;margin-top: 0;">
				  <div class="radio">
				    <input type="radio" id="radio-1" name="demo-radio1" checked="checked" disabled="true">
				    <label for="radio-1">是</label>
				  </div>
				</div>
			</div>
			<div class="div-box cl">
				<div class="f-l" style="margin-top: 20px;"><span class="span1">运费模板</span></div>
				<div class="f-l" style="margin-left: 60px;">
					<div style="margin-top: 20px;">
						<span style="color: #444;margin-left:17px;">快递模板</span>
						<select name="" id="" style="color: #444;margin-left: 17px;">
							<option value="">请选择快递模板</option>
							<option value="">手机模板</option>
						</select>
						<span style="color: #ddd;margin-left: 17px;">不选视为商品不可快递</span>
					</div>
					<div style="margin-top: 20px;">
						<span style="color: #444;margin-left: 17px;">上门模板</span>
						<select name="" id="" style="color: #444;margin-left: 17px;">
							<option value="">请选择上门模板</option>
							<option value="">手机模板</option>
						</select>
							
						<span style="color: #ddd;margin-left: 17px;">不选视为商品不可上门</span>
					</div>
					<div style="margin-top: 20px;">
						<span style="color: #444;margin-left: 17px;">&nbsp;&nbsp;&nbsp;自提点</span>
						<select name="" id="" style="color: #444;margin-left: 17px;">
							<option value="">请选择自提模板</option>
							<option value="">手机模板</option>
						</select>
						<span style="color: #ddd;margin-left: 17px;">不选视为商品不可自提</span>
					</div>
				</div>
			</div>
			<div class="div-box cl">
				<div class="f-l" style="margin-top: 20px;"><span class="span1">归还地址</span></div>
				<div class="f-l" style="border:0;margin-left: 70px;">
						<table class="table table-border table-bg  table-bordered" style="width: 500px;">
	 						<tr class="text-c">
	 							<td>手机号码</td>
	 							<td>收货地址</td>
	 							<td>姓名</td>
	 							<td>邮政</td>
	 							<td>添加时间</td>
	 							<td>全选<input type="checkbox"></td>
	  						</tr>
	  						<tr class="text-c">
	 							<td>1587001234</td>
	 							<td>浙江省杭州市西湖区西溪金座</td>
	 							<td>冷公子</td>
	 							<td>11111</td>
	 							<td>2017-09-18</td>
	 							<td><input type="checkbox"></td>
	  						</tr>
						</table>
					</div>
			</div>
			<div style="margin: 40px 0 20px 390px;">
				<button class="btn"><a href="">返回</a></button>
				<button class="btn" style="margin-left: 30px;"><a href="">保存</a></button>
			</div>
		</form>
	</div>
</div>
	
<script type="text/javascript" src="../hui/lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="../hui/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="../hui/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="../hui/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="../hui/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="../hui/static/h-ui/js/H-ui.js"></script>
<script type="text/javascript" src="../hui/static/h-ui.admin/js/H-ui.admin.page.js"></script> 
<script type="text/javascript" src="../style/js/page.js"></script> 
<script type="text/javascript" src="../hui/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="../hui/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="../hui/lib/laypage/1.2/laypage.js"></script>
<script>
	$(function(){
		var num=1;
	$.Huitab("#tab_demo .tabBar span","#tab_demo .tabCon","current","click",num)});
	var GG = {
        "kk":function(mm){
           var ym=mm;
        }
    }
	$("#page").initPage(71,1,GG.kk);
	$("#page1").initPage(71,1,GG.kk);
	$("#page2").initPage(71,1,GG.kk);
	$("#page3").initPage(71,1,GG.kk);
	$("#page4").initPage(71,1,GG.kk);
</script>

 <script>
      //图片上传预览    IE是用了滤镜。
        function previewImage(file)
        {
          var MAXWIDTH  = 90; 
          var MAXHEIGHT = 90;
          var div = document.getElementById('preview');
          if (file.files && file.files[0])
          {
              div.innerHTML ='<img id=imghead onclick=$("#previewImg").click()>';
              var img = document.getElementById('imghead');
              img.onload = function(){
                var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, img.offsetWidth, img.offsetHeight);
                img.width  =  rect.width;
                img.height =  rect.height;
//                 img.style.marginLeft = rect.left+'px';
                img.style.marginTop = rect.top+'px';
              }
              var reader = new FileReader();
              reader.onload = function(evt){img.src = evt.target.result;}
              reader.readAsDataURL(file.files[0]);
          }
          else //兼容IE
          {
            var sFilter='filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="';
            file.select();
            var src = document.selection.createRange().text;
            div.innerHTML = '<img id=imghead>';
            var img = document.getElementById('imghead');
            img.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = src;
            var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, img.offsetWidth, img.offsetHeight);
            status =('rect:'+rect.top+','+rect.left+','+rect.width+','+rect.height);
            div.innerHTML = "<div id=divhead style='width:"+rect.width+"px;height:"+rect.height+"px;margin-top:"+rect.top+"px;"+sFilter+src+"\"'></div>";
          }
        }
        function clacImgZoomParam( maxWidth, maxHeight, width, height ){
            var param = {top:0, left:0, width:width, height:height};
            if( width>maxWidth || height>maxHeight ){
                rateWidth = width / maxWidth;
                rateHeight = height / maxHeight;
                
                if( rateWidth > rateHeight ){
                    param.width =  maxWidth;
                    param.height = Math.round(height / rateWidth);
                }else{
                    param.width = Math.round(width / rateHeight);
                    param.height = maxHeight;
                }
            }
            param.left = Math.round((maxWidth - param.width) / 2);
            param.top = Math.round((maxHeight - param.height) / 2);
            return param;
        }
    </script>
</body>
</html>